$(function(){
//	创建变量
	var num = 0;
	
//	显示隐藏的函数
	
	function xy(){
		$('.banner img').eq(num).fadeIn(200).siblings('img').fadeOut(300)
		$('.banner ul li').eq(num).addClass('ulbg').siblings().removeClass('ulbg')
	}

//  定时器的函数
	function run(){
		num++;
		if(num>2){
			num=0;
		}
		xy();	
	}
//	设置定时器	
var timer = setInterval(run,1000);

//  添加hover事件

 $(".banner").hover(function(){
 	clearInterval(timer);

 },function(){
 	timer = setInterval(run,1000);
 })

// 添加li的 hover效果

	$(".banner ul li").mouseenter(function(){
		num =$(this).index();
		xy();
	})
	
// 添加right 点击事件
  $(".banner .right").click(function(){
  		num++;
  		if(num>=3){
  			num=0;
  		}
  		xy();	 	
  })
  
 // 添加left 点击事件
  $(".banner .left").click(function(){
  		num--;
  		if(num<0){
  			num=2;
  		}
  		xy();	 	
  })
	//左右箭头 淡入淡出效果 START
$(".menu").hover(function(){
	$(this).find('.left').fadeIn(300);		
},function(){
	$(this).find('.left').fadeOut(300);				
  })
$(".menu").hover(function(){
	$(this).find('.right').fadeIn(300);		
},function(){
	$(this).find('.right').fadeOut(300);				
 })
//左右箭头 淡入淡出效果 END					

$('.menu').each(function(){
	var num = 0;
		
	$(this).find('.right').click(function(){		
		num++;
		if(num == 3){
			num =2;
		}
		$(this).siblings('.menu_big').stop().animate({'left':-296*num+'px'},300);
		$(this).siblings('ul').find('li').eq(num).addClass('active').siblings().removeClass('active');
	})
	$(this).find('.left').click(function(){		
		num--;
		if(num < 0){
			num =0;
		}
		$(this).siblings('.menu_big').stop().animate({'left':-296*num+'px'},300);
		$(this).siblings('ul').find('li').eq(num).addClass('active').siblings().removeClass('active');
		})
		//给li添加 hover
		$(this).find('ul li').hover(function(){
			var dian =$(this).index();
			console.log(dian)
		$(this).parent().siblings('.menu_big').stop().animate({'left':-296*dian+'px'},300);
		$(this).addClass('active').siblings().removeClass('active');
		
			
		})
						
		
	})
	
//导航栏二级下拉	
	$('.navhead').find('li').mouseenter(function(){
		$(this).parents('.nav').siblings('.xiala').stop().slideDown(400);
	})
	$('.navhead').find('li').mouseleave(function(){
		$(this).parents('.nav').siblings('.xiala').stop().slideUp();
	})
	
	
})
